<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:h="http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Juego de ahorcado</title>
</head>
<body>
	<f:view>
		<h:form>
			<h:commandButton value="Algo mas" onclick="this.disabled=true"></h:commandButton>
			<br>
			<br>
			<h:panelGrid columns="3">
				<h:graphicImage value="Recursos/blanco.jpg"
						style="height: 189px; width: 232px;
						 "></h:graphicImage>
				<!--Empieza tablaj de letras -->
				<h:panelGrid columns="4" style="width: 207px; ">
				
					<h:commandButton value="A" style="width: 32px;"
						action="#{bean.cambioImagen}" 
						onselect="this.disabled=true"></h:commandButton>
					<h:commandButton value="B" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('B')}"></h:commandButton>
					<h:commandButton value="C" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('C')}"></h:commandButton>
					<h:commandButton value="D" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('D')}"></h:commandButton>
					<h:commandButton value="E" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('E')}"></h:commandButton>
					<h:commandButton value="F" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('F')}"></h:commandButton>
					<h:commandButton value="G" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('G')}"></h:commandButton>
					<h:commandButton value="H" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('H')}"></h:commandButton>
					<h:commandButton value="I" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('I')}"></h:commandButton>
					<h:commandButton value="J" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('J')}"></h:commandButton>
					<h:commandButton value="K" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('K')}"></h:commandButton>
					<h:commandButton value="L" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('L')}"></h:commandButton>
					<h:commandButton value="M" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('M')}"></h:commandButton>
					<h:commandButton value="N" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('N')}"></h:commandButton>
					<h:commandButton value="O" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('O')}"></h:commandButton>
					<h:commandButton value="P" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('P')}"></h:commandButton>
					<h:commandButton value="Q" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('Q')}"></h:commandButton>
					<h:commandButton value="R" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('R')}"></h:commandButton>
					<h:commandButton value="S" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('S')}"></h:commandButton>
					<h:commandButton value="T" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('T')}"></h:commandButton>
					<h:commandButton value="U" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('U')}"></h:commandButton>
					<h:commandButton value="V" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('V')}"></h:commandButton>
					<h:commandButton value="W" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('W')}"></h:commandButton>
					<h:commandButton value="X" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('X')}"></h:commandButton>
					<h:commandButton value="Y" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('Y')}"></h:commandButton>
					<h:commandButton value="Z" style="width: 32px;"
						onclick="#{admTablero.deshabilitarLetra('Z')}"></h:commandButton>
				</h:panelGrid>
                           <!--Empieza tabla de ahorcado -->
				<h:panelGrid columns="3">
					<h:graphicImage value="#{bean.rutaImagen}"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
					<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
						<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
						<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>
						<h:graphicImage value="Recursos/bebes.jpg"
						style="height: 104px; width: 137px; "></h:graphicImage>

				</h:panelGrid>



			</h:panelGrid>


			<h:commandButton value="Regresar" action="regresar"
				style="width: 81px; "></h:commandButton>
				<h:commandButton value="Salir" action="pantallaInicio"
				style="width: 81px; "></h:commandButton>

<h:outputText value="#{palabraIdTema.archivoTema}"></h:outputText><br>


		</h:form>
		
	</f:view>
</body>
</html>